import {GridProps} from "./dev.tsx";

const GridProd = (props: GridProps) => {
    const {styles} = props


    const GridStyles = {
        gridAutoFlow:props.gridAutoFlow,
        gridTemplateColumns:`repeat(${props.gridTemplateColumns},1fr)`,
        justifyContent:props.justifyContent,
        alignContent:props.alignContent,
        justifyItems:props.justifyItem,
        alineItems:props.alignItems,
        gap:props.gap
    }
    return (
        <div style={{...styles,...GridStyles,}} className={`grid gap-10 p-3 min-h-[100px]`}>
            {
                // @ts-ignore
                props.children.length > 0 ? props.children : <></>
            }
        </div>
    );
};

export default GridProd;